<template>
  <div>
    <p>初始的值message:{{ message }}</p>
    <p>反转后的数据message:{{ revectMessage }}</p>
    <button @click="updateMessage">更改</button>
  </div>
</template>

<script setup>
import { ref, computed, reactive } from "vue";
const message = ref("hello vue");
const revectMessage = computed(() =>
  message.value.split("").reverse().join("")
);
const updateMessage = () => {
  message.value = "hello";
};
</script>

<style lang="scss" scoped></style>
